<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商品详情</title>
	<link type="text/css" rel="stylesheet" href="css/goods.css"></link>
	<script type="text/javascript" src="js/goods.js"></script>
</head>
<body>
		<!--顶部-->
		<div class="top">
			<div class="topc">
				<div class="top1">
					<span>您好，欢迎来到中国供应商！</span>
					<a href="login.html" target="_blank">[请登录]</a>
					<a href="regist.html" target="_blank">[注册]</a>
					<span>客服热线电话：400-010-1866</span>
				</div>
				<div class="top2">
					<div id="gongying" onmouseover="showNav(1)" onmouseout="closeNav(1)">
						我的中供
						<em class="xuanzhuan1" id="xuanzhuan1"></em>
						<div id="nav1">
							<div>
								<h3>我的供应</h3>
								<a href="#">发布供应信息</a>
								<a href="#">管理供应信息</a>
							</div>
							<div>
								<h3>我的求购</h3>
								<a href="#">发布求购信息</a>
								<a href="#">管理求购信息</a>
							</div>
							<div>
								<h3>小工具</h3>
								<a href="#">消息管理</a>
								<a href="#">流量统计</a>
								<a href="#">检测中心</a>
							</div>
						</div>
					</div>
					<div id="fuwu" onmouseover="showNav(2)" onmouseout="closeNav(2)">
						信贸通服务
						<em class="xuanzhuan2" id="xuanzhuan2"></em>
						<div id="nav2">
							<div><a href="#">服务介绍</a></div>
							<div><a href="#">在线申请</a></div>
						</div>
					</div>
					<div id="kefu" onmouseover="showNav(3)" onmouseout="closeNav(3)">
						客服中心
						<em class="xuanzhuan3" id="xuanzhuan3"></em>
						<div id="nav3">
							<div><a href="#">新手入门</a></div>
							<div><a href="#">买家帮助</a></div>
							<div><a href="#">卖家帮助</a></div>
							<div><a href="#">联系客服</a></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--logo及搜索-->
		<div class="logo">
			<div class="logo_l">
				<div class="logo1">
					<a href="index.html" target="_blank">
						<img src="supplier/logo.png">
					</a>
				</div>
				<div class="logo2">
					<img src="supplier/slogan.png">
				</div>
			</div>
			<div class="logo_c">
				<div class="c_shang">
					<ul>
						<li>产品</li>
						<li>公司</li>
						<li>求购</li>
					</ul>
				</div>
				<div class="c_xia">
					<input type="text" name="" id="chanpin" placeholder="请输入关键词">
					<input type="button" name="" id="look" value="搜索">
				</div>
				<div class="qiugou">
					<input type="button" name="" id="qiu" value="免费发布求购信息" >
					<input type="button" name="" id="gou" value="无需注册，30秒搞定" >
				</div>
			</div>
			<div class="logo_r">
				<span>&nbsp;关注官方微信</span>
				<div class="erwm"><img src="supplier/2wm.jpg"></div>
			</div>
		</div>

		<div class="con_nav"><img src="supplier/goods_pic.gif"></div>

		<!-- 购买详情及内容 -->
		<div class="content1">
			<div class="con_center">
				<div class="con_cen_pic" id="con_cen_pic">
					<div class="M_pic">
						<div id="goods_pic" onmouseover="showBigpic()" onmouseout="closeBigpic()" onmousemove="mdivMove(event)">
							<img id="goods_pic_M" src="supplier/goods_pic1.jpg" ><!-- onmousemove="goods_pic_Big()" -->
							<div id="mdiv"></div>
						</div>
					</div>
					<div class="S_pic" id="S_pic">
						<div class="S_pic1"><img src="supplier/goods_pic1.jpg" onclick="goodsPic(1)"></div>
						<div class="S_pic2"><img src="supplier/goods_pic2.jpg" onclick="goodsPic(2)"></div>
						<div class="S_pic3"><img src="supplier/goods_pic3.jpg" onclick="goodsPic(3)"></div>
					</div>
					<!-- 放大镜的图片 -->
					<div id="Big_pic"><img id="goods_pic_Big" src="supplier/goods_pic1.jpg"></div>
				</div>
				
				<div class="con_cen_txt">
					<div class="content_txt1">
						<span>Aboselon 艾伯森朗 男士棉衣加厚棉服短款棉袄外套 冬季保暖立领男装上衣 AWH29</span><br>
						<a href="#">更多Aboselon商品>> </a>
					</div>
					<div class="content_txt2">
						<span class="txt2_1">￥369</span>
						<span class="txt2_2"><s>￥688</s></span>
						<span class="txt2_3">本商品不支持使用优惠券</span>
					</div>
					<div class="content_txt3">
						<div class="txt3_1">限时抢</div>
						<div class="txt3_2">
							还剩<span id="day"></span>天<span id="hour"></span>小时<span id="min"></span>分钟<span id="sec"></span>秒
						</div>
						<div class="txt3_3"><a href="#">更多优惠商品>></a></div>
					</div>
					<div class="content_txt4">
						<div class="txt4_1">商品评分:</div>
						<div class="txt4_2"></div>
						<div class="txt4_3"><a href="#">已有多人点评</a></div>
					</div>
					<div class="content_txt5">
						<div class="txt5_a">
							<div class="txt5_1">
								<span>颜色：</span>
								<img id="txt5_1_pic1" src="supplier/goods_pic1.jpg" onclick="xuanzhong(1)">
								<img id="txt5_1_pic2" src="supplier/goods_pic5.jpg" onclick="xuanzhong(2)">
								<div id="txt5_1_pic3"></div>
							</div>
							<div class="txt5_2" id="txt5_2">
								<span>尺码：</span>
								<div onclick="xuanzhong1(1)">S</div>
								<div onclick="xuanzhong1(2)">M</div>
								<div onclick="xuanzhong1(3)">L</div>
								<div onclick="xuanzhong1(4)">XL</div>
								<div onclick="xuanzhong1(5)">XXL</div>
								<div id="txt5_1_pic4"></div>
							</div>
							<div class="txt5_3">
								<span>数量：</span>
								<div class="txt5_count">
									<div id="count">1</div>
									<div id="count_add" onclick="countAdd()"></div>
									<div id="count_jian" onclick="countJian()"></div>
								</div>
								<div class="count_tip" id="count_tip"></div>
							</div>
							<div class="txt5_4">
								<div id="buy">立即购买</div>
								<div id="addcar">加入购物车</div>
							</div>
						</div>
						<div class="txt5_b">
							<div class="b_txt1">下载手机客户端App</div>
							<div class="b_pic"><img src="supplier/qrcode.png"></div>
							<div class="b_txt2">更多手机专享优惠</div>
						</div>
					</div>
					<div class="content_txt6">
						<span class="txt6_txt1">本商品由品牌商直接发货并由商家开具普通发票</span>
						<br>
						<div class="txt6_con">
							<div class="txt6_con1">
								<div class="txt6_con1_1"></div>
								<span>服务承诺</span>
							</div>
							<div class="txt6_con1">
								<div class="txt6_con1_2"></div>
								<span>10天补差价</span>
							</div>
							<div class="txt6_con1">
								<div class="txt6_con1_3"></div>
								<span>10天退换货</span>
							</div>
							<div class="txt6_con1">
								<div class="txt6_con1_4"></div>
								<span>正品保证</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="con_right">
				<div class="con_right1" id="con_right1" onmouseover="shangpins()">
					<img src="supplier/right_index.jpg">
				</div>
				<div class="con_right2" onmouseover="shangpiny()">
					<img src="supplier/xia_index.jpg">
				</div>
				<div id="right_firstpic" onmouseover="shangpins()" onmouseout="shangpins2()">
					<div class="firstpic_left">
						<div class="firstpic_left1" onmouseover="huanpic(1)"><img src="supplier/right1.jpg"></div>
						<div class="firstpic_left2" onmouseover="huanpic(2)"><img src="supplier/right2.jpg"></div>
						<div class="firstpic_left1" onmouseover="huanpic(3)"><img src="supplier/right3.jpg"></div>
						<div class="firstpic_left2" onmouseover="huanpic(4)"><img src="supplier/right4.jpg"></div>
					</div>
					<div class="firstpic_right"><img id="firstpic_rightpic" src="supplier/right1.jpg"></div>
					<div class="firstpic_bottom">
						<a>Life·After Life 条纹徽章印花连帽棉服</a>
						<br>
						<s>￥659.00</s><span>￥369.00</span>
					</div>
				</div>
				<div id="right_cecondpic" onmouseover="shangpiny()" onmouseout="shangpiny2()">
					<div class="cecondpic_left">
						<div class="cecondpic_left1" onmouseover="huanpic2(1)"><img src="supplier/xia1.jpg"></div>
						<div class="cecondpic_left2" onmouseover="huanpic2(2)"><img src="supplier/xia2.jpg"></div>
						<div class="cecondpic_left1" onmouseover="huanpic2(3)"><img src="supplier/xia3.jpg"></div>
						<!-- <div class="cecondpic_left2"><img src="supplier/right4.jpg"></div> -->
					</div>
					<div class="cecondpic_right"><img id="cecondpic_rightpic" src="supplier/xia1.jpg"></div>
					<div class="cecondpic_bottom">
						<a>VIISHOW羽绒服 欧美时尚简约格菱短款潮YC17054</a>
						<br>
						<s>￥499.00</s><span>￥288.00</span>
					</div>
				</div>
			</div>
		</div>

		<!-- 商品详情及内容 -->
		<div class="content2">
			<div class="content2_left">
				<div class="con2_l_nav" id="con2_l_nav">
					<div id="spxq" onclick="goodsContent2(0)" class="spxq">商品详情</div>
					<div id="sppl" onclick="goodsContent2(1)">商品评论</div>
					<div id="spbz" onclick="goodsContent2(2)">购物保障</div>
					<div id="spth" onclick="goodsContent2(3)">退换货无忧</div>
					<div id="spzf" onclick="goodsContent2(4)">支付与配送</div>
					<div id="spby" onclick="goodsContent2(5)">如何保养</div>
				</div>

				<div class="spxiangqing" id="goods_C_div0">
					<table class="spxq_table" cellspacing="0" cellpadding="0">
						<tr>
							<td class="table_td1">基础风格：</td>
							<td class="table_td2">青春流行</td>
							<td class="table_td1">细分风格：</td>
							<td class="table_td2">欧美简约</td>
						</tr>
						<tr>
							<td class="table_td1">填充物：</td>
							<td class="table_td2">白鸭绒</td>
							<td class="table_td1">领型：</td>
							<td class="table_td2">可脱卸帽</td>
						</tr>
						<tr>
							<td class="table_td1">男装-穿着方式：</td>
							<td class="table_td2">外穿</td>
							<td class="table_td1">服装图案：</td>
							<td class="table_td2">纯色</td>
						</tr>
						<tr>
							<td class="table_td1">适用场景：</td>
							<td class="table_td2">休闲</td>
							<td class="table_td1">颜色：</td>
							<td class="table_td2">黑色</td>
						</tr>
						<tr>
							<td class="table_td1">服饰类别：</td>
							<td class="table_td2">上装</td>
							<td class="table_td1">性别：</td>
							<td class="table_td2">男子</td>
						</tr>
						<tr>
							<td class="table_td1">厚薄：</td>
							<td class="table_td2">常规</td>
							<td class="table_td1">服饰工艺：</td>
							<td class="table_td2">免烫处理</td>
						</tr>
						<tr>
							<td class="table_td1">适用对象：</td>
							<td class="table_td2">青年</td>
							<td class="table_td1"></td>
							<td class="table_td2"></td>
						</tr>
					</table>
					<div class="spxq_pic"><img src="supplier/spxiangqing2.jpg"></div>
				</div>
				<div class="comment" id="goods_C_div1">
					<div class="sendComment" id="sendComment">
						<div class="sendC_txt">亲，说说你对宝贝的看法吧...</div>
						<div id="sendC_tip">亲，内容不能为空哦！</div>
						<input id="postMsg" type="button" name="" value="发布" onclick="postMsg()">
						<textarea class="sendC_area" id="sendC_area" name="" cols="30" rows="6" maxlength="800" placeholder="比如：描述商品的质量，颜色，大小，性价比..."></textarea>
					</div>
					<ul class="comment_list" id="comment_list">
						<li class="addcomment"  id="comment1" > 
							<div class="addcomment_left">
								<div id="comment_header" class="comment_header"></div>
								<div id="comment_name" class="comment_name">游客8888</div>
							</div>
							<div class="addcomment_right">
								<div id="comment_time1" class="comment_time1">2016年12月14日 21:17:05 星期3</div>
								<div id="comment_goods1" class="comment_goods1">颜色：XXX    尺码：XL    数量：1</div>
								<div id="comment_txt1" class="comment_txt1">UI5班黄强同学^-^</div>
							</div>
							<a href=javascript:void(0); title="删除此评论">✖</a>
						</li>
					</ul>
				</div>

				<div class="shopbaozhang" id="goods_C_div2">

					<img src="supplier/gouwubaozhang.png">
				</div>
				<div class="sptuihuan" id="goods_C_div3">
					<img class="tuihuan_pic1" src="supplier/goods_tuihuan.gif">
					<img class="tuihuan_pic2" src="supplier/goods_tuihuo.png">
				</div>
				<div class="sppeisong" id="goods_C_div4">

					<img src="supplier/goods_peisong.png">
				</div>
				<div class="spbaoyang" id="goods_C_div5">

					<img src="supplier/goods_baoyang.png">
				</div>
			</div>
			<div class="content2_right1">
				<div id="con2_change" onclick="huanyihuan()" onmouseout="hyhout()" onmouseover="hyhover()">
					换一换↻
				</div>
			</div>
			<div class="content2_right2" id="content2_right2">
				<div class="content2_right21" id="con2_change1" style="top:0px;">
					<img src="supplier/goods_con2_01.jpg">
					<img src="supplier/goods_con2_02.jpg">
					<!-- <img src="supplier/goods_con2_03.jpg">
					<img src="supplier/goods_con2_04.jpg">
					<img src="supplier/goods_con2_05.jpg">
					<img src="supplier/goods_con2_06.jpg"> -->
				</div>
				<div class="content2_right22" id="con2_change2" style="top:600px;">
					<img src="supplier/goods_con2_03.jpg">
					<img src="supplier/goods_con2_04.jpg">
				</div>
				<div class="content2_right23" id="con2_change3" style="top:1200px;">
					<img src="supplier/goods_con2_05.jpg">
					<img src="supplier/goods_con2_06.jpg">
				</div>
			</div>
		</div>

		<!--页脚-->
		<div class="footer" > 
			<div class="footer_con">
				<div class="footer_left">
					<div class="footer1">
						<div>
							<h4>卖家帮助</h4>
							<div>发布产品信息</div>
							<div>管理产品信息</div>
							<div>产品质量星级</div>
							<div>网站规则</div>
						</div>
					</div>
					<div class="footer1">
						<div>
							<h4>卖家帮助</h4>
							<div>发布产品信息</div>
							<div>管理产品信息</div>
							<div>产品质量星级</div>
							<div>网站规则</div>
						</div>
					</div>
					<div class="footer1">
						<div>
							<h4>卖家帮助</h4>
							<div>发布产品信息</div>
							<div>管理产品信息</div>
							<div>产品质量星级</div>
							<div>网站规则</div>
						</div>
					</div>
					<div class="footer1">
						<div>
							<h4>卖家帮助</h4>
							<div>发布产品信息</div>
							<div>管理产品信息</div>
							<div>产品质量星级</div>
							<div>网站规则</div>
						</div>
					</div>
				</div>
				<div class="footer_right">
					<div class="f_r_pic"><img src="supplier/service.png"></div>
					<div class="f_r_1"> 客服热线</div>
					<div class="f_r_2">400-010-1866</div>
					<div class="f_r_3">[周一至周五 9:00-18:00]</div>
					<div class="f_r_3">客服邮箱：kefu@mail.china.cn</div>
				</div>
			</div>
			<hr width=850px color="#e6e6e6">
			<div class="footer_bottom">
				<ul class="f_b_1">
					<li>关于我们</li>
					<li>会员服务</li>
					<li>广告服务</li>
					<li>网站导航</li>
					<li>客服中心</li>
					<li>友情链接</li>
					<li>联系我们</li>
				</ul>
				<ul class="f_b_2">
					<li>主办单位:中国互联网新闻中心</li>
					<li>网络传播视听节目许可证号 0105123</li>
					<li>京ICP证 040089号</li>
					<li>京公网安备11010802017131</li>
				</ul>
				<span>版权所有  中国互联网新闻中心  中国供应商(www.china.cn)</span>
			</div>
		</div>
</body>
</html>